<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
        <link
            href="https://cdn.staticfile.org/antd/3.26.9/antd.css"
            rel="stylesheet"
        />
    </head>
    <body>
        <div ng-app="kit.basic" ng-controller="mainCtrl">
            <div class="container" style="padding: 50px">
                <es-card title="Cart Title" extra="{{extra}}">
                    <es-card title="Cart Title" extra="{{extra}}"><p>123</p></es-card>
                </es-card>
            </div>
        </div>
        <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
        <script>
            angular
                .module("kit.basic", [])
                .controller("mainCtrl", function ($scope) {
                    $scope.extra = `<a ng-click="handleClick()">More</a>`;

                    $scope.handleClick = function() {
                        alert(123213);
                    }
                });
        </script>
        <script src="../../dist/Essa/Card/Card.js"></script>
    </body>
</html>
